<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="../../include/tag.jsp" %>
<!DOCTYPE html>
<html lang="zh">
<head>
    <title>子账号信息</title>
    <%@include file="../../include/commonFile.jsp" %>
    <style type="text/css">

        body {
            min-width: auto !important;
            background-color: white !important;
        }

        .info-container {
            padding-top: 10px;
            margin: 0px auto;
            width: 90%;
        }

        .info-container div {
            line-height: 30px !important;
        }

        .info-container .member-logo {
            margin-bottom: 0;
            position: relative;
        }

        .vip-big {
            position: absolute;
            right: -6px;
            bottom: 0px;
            background-color: #fff;
            display: block;
            width: 24px;
            height: 24px;
            text-align: center;
            border-radius: 50%;
            color: #e8473f;
        }

        .vip-big .vip-big-font {
            font-size: 26px;
            position: absolute;
            color: #e8473f;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -47%);
            transform: translate(-50%, -47%);
        }

        .user-infos {
            display: block;
            width: 100%;
            text-align: center;
        }

        .avater-big {
            width: 80px;
            height: 80px;
            display: inline-block;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            border-radius: 50%;
            position: relative;
            border: #fff 2px solid;
        }

        .huangguan-big {
            font-size: 20px !important;
            color: #ffc107 !important;
        }

    </style>
</head>
<body>
<div class="layui-form info-container">
    <div class="member-logo">
        <div class="user-infos vertical-center">
            <div class="avater-big common-img" id="logo">
                <img src="<c:if test="${member.logo != null}">${member.logo}?imageMogr2/auto-orient/crop/126x126</c:if>"
                     alt="" onerror="txz.errImg(this)" onload="txz.imgLoad(this)">
            </div>
            <div id="username_content">
                <span class="f16 red">${member.realname}</span>
            </div>
        </div>
    </div>
    <table class="layui-table" lay-skin="nob">
        <colgroup>
            <col width="120">
            <col>
        </colgroup>
        <tbody>
        <tr>
            <td class="tr">用户名</td>
            <td class="tl">${member.username}</td>
        </tr>
        <tr>
            <td class="tr">真实姓名</td>
            <td class="tl">${member.fullname}</td>
        </tr>
        <tr>
            <td class="tr">手机号</td>
            <td class="tl">${member.mobile}</td>
        </tr>
        <tr>
            <td class="tr">职位</td>
            <td class="tl">${member.jobTitle}</td>
        </tr>
        </tbody>
    </table>
</div>
</body>
<script>

</script>
</html>